@import url("tags.css");

/** ADAPTACIÓN TAMAÑO TAGS **/
.nube-tags-pequena { padding: 10px; }

/* barra la coctelera*/
/* #cabeceraLaCoctelera { 
* 	background-color: #666666;
* 	text-align: left;
* 	color: White;
* 	height: 24px;
* 	/ * margin-bottom: 1.5em; * /
* 	font: .7em Verdana, Arial;
* }
* #cabeceraLaCoctelera a{ 
* 	color: #FFF799;
* }
* #cabeceraLaCoctelera h1 { display: none; }
* .cabeceraLogo { float: left; width: 120px; }
* .cabeceraAmigos{
* 	width: 500px;
* 	margin: auto;
* 	float: right;
* 	text-align: right;
* 	padding-top: 4px;
* 	padding-right: 5px;
* 	color: #CCC;
* 	color: White;
* }
*/

#HeaderTheShakerUser {
	font: 12px Helvetica, Arial;
	background: url("../imag/ed/bg_header_users.png") repeat-x;
	text-align: left;
	height: 29px;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	overflow: hidden;
}
#HeaderTheShakerUser .cont {
	padding: 3px 0;
}
#HeaderTheShakerUser a {
	color: #0090E6;
}
#HeaderTheShakerUser div.logoCoctelera {
	width: 164px;
	float: left;
	margin: 0;
	padding: 0;
}
#HeaderTheShakerUser div.publi {
	margin: 0;
	padding: 4px 0 0 0 ;
	text-align: center;
	overflow: hidden;
}
#HeaderTheShakerUser div.linkLogin {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
#HeaderTheShakerUser div.linkLogin img#botonCreaTuBlog {
	vertical-align: middle;
	border-left: 1px solid #CCCCCC;
	margin: 0 0 0 5px;
}
#HeaderTheShakerUser .user_options {
	font: .85em Helvetica, sans-serif;
}
#HeaderTheShakerUser .user_options .cont {
	padding: 7px 6px 0 0;
}



/*	COMBO DE LOGIN 	*/
#combo-login {
	font: 11px Arial, Helvetica, sans-serif;
	position: absolute;
	width: 300px;
	height: 250px;
	background: url("../imag/ed/bg_combo_login_flotante.gif") transparent no-repeat right top;
	z-index: 1050;
	text-align: left;
	color: #FFFFFF;
	visibility: hidden;
}
#cont-combo-login {
	position: relative;
	top: 13px;
	background: #08AEDD;
	border-left: 4px solid #7EDAF4;
	border-right: 4px solid #7EDAF4;
	border-bottom: 4px solid #7EDAF4;
	padding: 15px 20px;
}
#combo-login form {
	margin: 0;
}
#combo-login form label {
	font-size: 1em;
}
#combo-login .cerrar {
	position: absolute;
	top: 8px;
	right: 8px;
}
#combo-login a {
	color:#FFFFFF;
}
#combo-login .inputtext {
	width: 150px;
	padding: 2px;
	margin: 2px 0 4px 0;
}
#combo-login .botones input {
	width: 57px;
	height: 24px;
}
#combo-login .botones {
	text-align:center;
}

/** ELEMENTOS FORMULARIOS **/
.checkbox, .inputtext {
	vertical-align: middle;
}
.inputtext {
	font: 1.2em Helvetica, Arial, sans-serif;
	padding: .2em;
}






/* DEPRECADO ? formulario login-nuevo*/
#login {
	font: 11px Verdana;
	margin: 0;
	padding: 0;
	height: 132px;
	background-color:#6B656B;
	text-align:right;
	color:#FFFF99;
}
#login form { 
	padding: 20px 35px 35px 0;
}
#login a {
	color: #B3B380; 
	margin: 0 25px 0 0;
}
#login input.input-text {
	margin: 0 0 10px 0;
	width: 160px;
	font-size: 1em;
}
#login input.boton { 
	margin: 0;
}
#login label {
	font-size: 1.2em;
	vertical-align: top;
}





.cabeceraPubli {margin:auto; width: 300px; text-align: center; padding-right: 6px;	padding-top: 4px;}
.cabeceraPubli a, .cabeceraPubli a:visited, .cabeceraPubli a:hover, .cabeceraAmigos a { color: #CCC; text-decoration: underline; background-color: #666; }

.publi_label_ver_90 span { display: none;}
.publi_label_ver_90 {
    background: url('../imag/0806_img_master.png') 0 -500px no-repeat;
    width: 13px;
    height: 90px;
    float: left;
    margin: 0;
}


/* mensajes */
.message ul{ font-size: 1.4em;}
.message { border: 1px solid; padding: 1em 2em 1em 5em;	margin: 0 2em 3em 2em; }
.notice { border-color: #8DC63F; background: url(../plantillas/i/dezigne-cool/ico-mensaje-ok.png) .5em .5em #E1ECD0 no-repeat; }
.alert { border-color: #9E0B0E; background: url(../plantillas/i/dezigne-cool/ico-mensaje-ko.png) .5em .5em #F8E2C9 no-repeat; }
.falta { border: 1px solid #9E0B0E; }

/* imagenes */ 
img { border: 0; }
img.imgdcha, img.imgDer { float: right; margin: 6px 6px 6px 11px; border: 1px solid #D7D7D7; padding: 1px; }
img.imgizqda, img.imgIzq { float: left; margin: 0px 14px 6px 0px; border: 1px solid #D7D7D7; padding: 1px; }
img.imgcen, img.imgCen { display: block; margin: 0px auto 20px auto; border: 1px solid #D7D7D7; padding: 1px; }
img.avatar_comentario { float: right; margin: 10px 5px 0px 0px; border: 1px solid #D7D7D7; padding: 1px; }

#columna small { font-size: 1em; }
#columna small a { color: #999; text-decoration: none; }


/** ShareThis **/
.shaker_sharethis {
	/*margin-left: 10px;
	   padding: 3px 13px;
	   padding-right: 0;
	   font-size: 1em;
	   background: url("../imag/ed/sharethis.png") no-repeat left center;*/
   	padding: 2px 2px 4px 22px;
   	margin: 0 0 0 10px;
   	font-size: 1em;
   	background: url("../imag/ed/icons_post.gif") no-repeat 0 -57px;
}

.shaker_sharethis_combo {
	font-size: 11px;
	width: 410px;
	display:block;
	background: #F4F4F4;
	border:1px solid #CCCCCC;
	position:absolute;
	visibility: hidden;
	text-align: left;
	z-index: 1000000;
}
.shaker_sharethis_combo .cont {
	padding: 20px;
}
#sharethis_cerrar {
	right: 10px;
	top: 10px;
	position: absolute;
}
.shaker_sharethis_spinner {
	padding: 2em;
	text-align: center;
}
/*
#sharethis_alert {
	padding:5px;
	background:#b40000;
	color:#FFF;
	line-height:1.1em;
	border: 1px solid #CCC;
	font-weight:bold;
	text-align:center;
}
*/
.shaker_sharethis_combo ul {
	margin: 0 0 2em 0;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 .5em 0;
}

#contenido .shaker_sharethis_combo ul li {
	margin: 0 0 1em 0;
	list-style-type: none;
}

.shaker_sharethis_combo ul li a {
	margin-right: 6px;
	padding-left: 18px;
}
.sharethis_meneame { 
	background: url("../imag/ed/meneame.gif") no-repeat left center;
}
.sharethis_delicious { 
	background: url("../imag/ed/delicious.gif") no-repeat left center;
}
.sharethis_technorati { 
	background: url("../imag/ed/technorati.gif") no-repeat left center;
}
.sharethis_facebook { 
	background: url("http://www.facebook.com/favicon.ico") no-repeat;
}

.shaker_sharethis_combo form {
	margin: 1em 0;
	padding: 0;
	overflow: hidden;
}

.datos_envio .sharethis_meta .form_item {
	width: 106px; 
	margin: 0 15px 0 0;
	_margin: 0 5px 0 0;
	padding: 0;
	float: left;
}
.datos_envio input.input_text,
.datos_envio textarea.text_area {
	margin: .1em 0 1em 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.datos_envio .sharethis_meta .form_item input.input_text {
	width: 100px;
	
}
.datos_envio textarea.text_area {
	width: 348px;
}


/** SHAKER FAVORITS **/
a.make_fav {
    background: url("../imag/ed/icons_post.gif") 0 -19px no-repeat;
    width: 18px;
    height: 19px;
    padding: 2px 2px 4px 22px;
   	margin: 0 0 0 10px;
}
a.make_unfav {
    background: url("../imag/ed/icons_post.gif") 0 0px no-repeat;
    width: 18px;
    height: 19px;
    font-weight: bold;
    padding: 2px 2px 4px 22px;
   	margin: 0 0 0 10px;
}
a.make_fav:hover,
a.make_unfav:hover {
    background-position: 0 -38px ;
}



/** VARIOS **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

.clear { clear: both; height: 1px; line-height: 1px; }
hr {display: none;}

/* Styles for search word highlighting. Extract from RoR trac (http://trac.edgewall.com)'s http://dev.rubyonrails.com/trac/css/trac.css */
.searchword0 { background: #ff9 }
.searchword1 { background: #cfc }
.searchword2 { background: #cff }
.searchword3 { background: #ccf }
.searchword4 { background: #fcf }




/****** página de amigos ********/
.amigos #contenido, .amigos #wrapper { background: #fff; }
.amigos #general { width: 375px; background-image: none; padding: 0 20px; background-color: #fff;}
.amigos #lateral { width: 250px; padding: 20px; background: #fff; }

.amigos #general h1, .amigos #lateral h2 { border-bottom: 1px solid #ccc; color: #333333; }
.amigos #general h1 { margin-bottom: .3em; }
.amigos #lateral h2 { font: bold 1.5em Arial, Helvetica; text-transform:none; }
.amigos #intro p { margin: 0; line-height: 1.3em; color: #666666}
.amigos #intro { margin: 0 0 2em 0; }
.amigos #intro h1 { font-size: 1.5em; line-height: 1.5em; margin-bottom: .5em; }
.amigos .ultimos-comentarios li { margin-bottom: 1em; }
.amigos #foot-contenido { display: none; }

.coctelero { border-top: 1px solid #E5E5E5;	padding-top: 4px;	margin-bottom: 4em;}
#contenido .coctelero h2 { font-size: .85em; margin: -.2em 0 0 0; }
.coctelero img { float: left;	border: 1px solid #666;}
#contenido .coctelero .post { margin: 0 0 0 85px; }
#contenido .coctelero h3 { font-size: 1.5em; margin: 0 0 .3em 0; border: 0; }
#contenido .coctelero p { margin: 0; }
#contenido .coctelero .con-foto { margin: 0 0 0 135px; }
#contenido .coctelero img { margin-bottom: .5em; }
#contenido .coctelero p.meta { font: normal 1em Verdana !important; color: #CCC; margin-top: .4em; clear: both; }

p#que-es-amigos { margin-top: 2em; }




/* LISTADO RESULTADOS BÚSQUEDA y TAGS en BLOGS USUARIOS */
.resultados { font-weight: normal; text-align: left; padding: 0; }
.resultados-busqueda {}
.resultados-tags {}
.resultados h1 { font-size: 1.3em; margin-top: 0;  }
.resultados .tags { font-size: 11px; }
.resultados .info-resultados { background: #EAEAEA; padding: 2px 4px; border-top: 1px solid #CCC; margin-bottom: .2em; }
.resultados .resultado { margin-bottom: 40px; }
.resultados .resultado h2 { margin: 0 0 3px 0; font-size: 1.3em; text-align: left; }
.resultados .resultado h2 a { color: #006699; }
.resultados .resultado p { margin: 0; color: #666;  }
.resultados .resultado .fecha { font-weight: bold; color: #999; font-size: 1em; }
.resultados .resultado .url, .resultados .resultado .url a { color: #BCBCBC; }
.resultados .resultado .tags { margin: 0; padding: 0; text-align: left; }
.resultados .resultado .tags span { padding: 2px; background: #FFFFCC; }
#contenido .resultados .resultados-globales,
.resultados .resultados-globales { margin: 0 0 2em 0; text-align: right; line-height: 1.2em;  }
.resultados .resultados-otros-tags, .resultados-tags-enotros {
	margin: 1em 0;
	border-top: 1px solid #EFEFEF;
	background: #FAFAFA;
	padding: 5px 10px;
}
.resultados .resultados-otros-tags { width: 60%; float: left; }
.resultados .resultados-tags-enotros { width: 30%; float: right; }
#contenido .resultados .resultados-tags-enotros p { line-height: 1.2em; }
.resultados .resultados-otros-tags h2 { display: none; }
.resultados .resultado .paginador-listado { text-align: center; }
.resultados-tags-complemento { clear: both; }
.caja-busqueda { }
.caja-busqueda .input-buscar { width: 250px; }

/* enlace de más tags en nube-tags-pequena */
.mas-tags { text-align: center; font-size: .85em; padding-bottom: 1em; position: relative;  }
.mas-tags a { background: #D7D7D7; padding: 2px 4px; position: relative; }

/* PAGINADOR MODELO RESULTADOS BUSQUEDA */
.paginador-resultados { text-align: center; }  
.paginador-resultados .anterior, 
.paginador-resultados .siguiente { font-size: 1.5em; } 

/* estilos para los enlaces a '<< anteriores' y 'siguientes >>' en las portadas de blog */
.nav { 
    display: block;
	font-size: 1em; 
	margin: 1em 0;
}
.nav .anterior { float: left; }
.nav .siguiente { float: right; text-align: right; }

.anterior-siguiente {
	margin: 1em 0;
}

/* PAGINADOR MODELO LISTADO ITEMS */
.paginador-listado {}

/* user column */
.block { 
	margin-bottom: 1em; 
}

/** TAGS en pagina POST **/
.post .tags {
	margin: 1em 0;
	font-size: 11px;
	text-align: left;
}
.post .tags span span, 
.resultados .resultado .tags span span  {
	background: #FFFFCC;
	text-transform: uppercase;
	padding: 3px;
	line-height: .85em;
	font-size: .75em;
	font-weight: bold;
	
}
.post hr {
  display: block;
  border: 0;
  border-top: 1px solid #ddd;
}
.resultados .resultado .tags span {
	padding: 0;
}
#suscribete img {
	vertical-align: baseline

}
/*
.block p select {
	font-size: 1em;
}
.block p option {
	font-size: 1em;
}
*/

/* ELEMENTOS GENERICOS USADOS EN POSTS */
/*
ul, ol
blockquote
cite
codet
...
*/

#contenido ul, 
#contenido ol, 
#contenido ul li, 
#contenido ol li, 
#contenido blockquote,
#contenido blockquote p,
#contenido code,
.intro p /* explicacion en pagina amigos */
{ 
	font-size: 1em; 
}
pre { 
	font-size: 1em; 
	overflow: scroll; 
	width: 450px; 
	background: #E8E8E8; 
	padding: 5px; 
}
#contenido code, #contenido code p {
	font: 1.1em 'Courier New', Courier, Fixed;
	/*
	background: #E8E8E8; 
	padding: 5px; 
	border: 1px solid red; 
	*/
}

/** SOBRE MI **/
#columna h2 {
	/* position: relative; */
}
#columna { 
	overflow: hidden; 
}
#sobre-mi .cont {
	padding: 0 1em;
}
#columna #sobre-mi .cont,
#columna #sobre-mi .cont *, 
#columna #sobre-mi .cont * {
	font-size: 1em;
} 
#sobre-mi .cont h2 {
	font-size: 1.15em;
}
#sobre-mi .vcard {
    width:200px;
	margin: 0 0 .5em 0;
}

#sobre-mi .vcard h2, 
#sobre-mi .vcard h3 {
	background: transparent;
	font: bold 1.3em  Arial, sans-serif;
	margin: 0 0 .8em 0;
	padding: 0;
	text-transform: none;
}
#sobre-mi li {
	margin: 0 0 .5em 0;
}
#sobre-mi small a {
	color: #BCBCBC;
}
.block input { 
	margin: .4em 0;
}
.block .photo {
	float: left; 
	margin: .3em .7em .5em 0;
}
.hidden {
	display: none;
}
address {
	font-style: normal;
	margin: 0;
}


/** COMENTARIOS **/
body #contenido #comentarios h2, body #contenido #comentarios_numero h2 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
#nuevo_comentario {
	margin: 2em 0 0 0;
}
.comment_message_logged { display: block;}
.comment_message_logged .avatar {
	float: left; 
	margin: 0 10px 10px 0;
}
.comment_message_logged h3 {
	font: bold 18px Helvetica, sans-serif;
	margin: 0;
}
.comment_message_logged h3 a {
	text-decoration: none;
}
.comment_message_logged small {
	color: #999999;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
}
.form-item {
	margin: 1em 0 .2em 0;
}
.form-item .input-label {
	float: left;
	width: 80px;
}
.form-item .logout-message {
	float: right;
	width: 350px;
	text-align: right;
	color: #999;
	font-size: .85em;
}
#comment_message {
	width: 446px;
	font: .85em Verdana, Arial, Helvetica, sans-serif;
}

.avatar_comments {
	float:left;
	margin: 13px 0 0 0;
}

.colcomment {
	margin-left:60px;
}

/* IFRAME auxiliar */
#logoperations {
	width:1px;
	height:1px;
	visibility:hidden;
}


.pager {
	padding: .5em 0;
	margin: 0;
}
.pager strong {
	padding: .3em .5em;
	
}
.pager a {
	padding: .2em;
	text-decoration: underline;
}
.pager .page_number {
	float: left;
	width: 25%;
}
.pager .page_list {
	float: right;
	text-align: right;
	width: 73%;
}
.pager .page_list ul {
	list-style:none;
	margin: 0;
}
.pager .page_list ul li {
	display:inline;
}
#comments_subs_cont {
    margin: 5px 0 10px 0pt
}    
#comments_subs_cont input {
    margin: 0;
    padding: 0;
    width: auto;
}
.comments_subscribe {
    font-size: .85em;
}


#lc_mb {
	background: #333333; 
	text-align: center; 
	padding: 9px;
	height: 90px;
}
#lc_mb .cont {
    width: 744px; /* para la publi */
    margin: auto;
}
#lc_234x90 {
    float: right;
    width: 234px;
    height: 90px;
}
	
/** related posts **/
.self_blog { 
    font-weight: bold;
}
#lc_related_posts {
    margin: 1em 0;
}
#lc_related_posts ul {
    padding: 0 0 0 1em;
    margin: .5em 0 2em 0;
}
#contenido .lc_blog {
    font-size: .85em;
}

/** estilos para los cambios de tamaño y fuentes  del nuevo guisiguig **/
.xlarge { font-size: 1.4em;}
.large { font-size: 1.2em;}
.small { font-size: .85em;}
.font-arial {
    font-family: Arial, Helvetica, sans-serif;
}
.font-georgia {
    font-family: Georgia, serif;
}
.font-tahoma {
    font-family: Tahoma, Geneva, sans-serif;
}
.font-times-new-roman {
    font-family: "Times New Roman", Times, serif;
}
.font-trebuchet-ms {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/** footer comun **/
.footer_comun { 
    background: #30373C;
    padding: 5px 10px 0 10px;
    border-top: 1px solid #545C65;
    font: .85em Tahoma;
    clear: both;
    display: block;
    height: 20px;
    color: #989B9E;
}
.footer_comun a,
.footer_comun a:visited {
    color: #989B9E;
}
.footer_comun .txt_left { float: left; }
.footer_comun .txt_right { float: right; }